  .sun {
      background: url(@/assets/image/sun.png);
      background-size: cover;
      background-repeat: no-repeat;
  }

  .moon {
      background: url(@/assets/image/moon.png);
      background-size: cover;
      background-repeat: no-repeat;
  }

  .login-tip-bar {
      padding: 10px;
      color: var(--theme_font_color);
      z-index: 10;
      position: relative;
      background-color: var(--theme_bg_color);

      ::v-deep {
          .el-button {
              color: var(--theme_buttontext_color);
              background-color: var(--theme_button_color);
          }
      }
  }


  .container {
      position: relative;
      height: 100vh;
      width: 100vw;
      overflow: hidden;
      // background-color: var(--theme_bg_color);
      transition: all 0.3s;

      .el-header {
          padding: 0;
      }

      .el-main {
          padding: 0;
      }

      .bg {
          background-color: #000000;
      }

      .top {

          position: absolute;
          height: 10%;
          width: 100%;

          .demo-tabs {
              display: flex;
              justify-content: center;
              position: absolute;
              width: 100%;
              font-size: 16px;
              background-color: var(--theme_card_color);
              box-shadow: 1px 1px 6px 1px var(--theme_bg_color);

              .tab-pane {
                  line-height: 60px;
                  height: 60px;
                  padding: 0 20px;
                  width: max-content;
                  text-align: center;
                  color: var(--theme_font_color);
                  transition: all 0.3s;
                  border-bottom: 3px solid #00000000;
              }

              .active {
                  color: var(--theme_font_color);
                  border-bottom: 3px solid #409eff;
              }
          }

          .option {
              display: flex;
              justify-content: space-between;
              align-items: center;
              position: absolute;
              right: 1%;
              top: 10%;
              height: 30px;
              padding: 5px;
              transition: all 0.3s;
              border-radius: 200px;
              box-sizing: content-box;
              background-color: var(--theme_button_color);
              box-shadow: 1px 2px 4px 0px #00000026;
          }

      }
  }